<template>
  <div>
    <div class="main_r">
				<h3>关注我</h3>
				<ul class="focuse">
					<li>
						<a href="#"><img src="@/static/img/ico_05_1.jpg"></a>
						<p>新浪微博</p>
					</li>
					<li>
						<a href="#"><img src="@/static/img/ico_07_1.jpg"></a>
						<p>邮箱</p>
					</li>
				</ul>
				<h3>最新作品</h3>
				<ul class="main_works">
					<li><a :to="'/pages/detail/detail??table=works&title=个人作品&&id='+detail._id">{{detail.title}}</a></li>
				</ul>
			</div>
  </div>
</template>
<script>
export default {
  data() {
    return {
			detail:{}
    }
  },
  mounted(){
		this.getList()
  },
  computed:{
  },
  methods:{
		// 列表
		getList(){
      const that = this
			const data={
        table:'works'
      }
			this.$Ajax('getLists',data,res=>{
				console.log(res.data)
        that.detail = res.data.length>0 ?res.data[0] :{}
			})
    },
  },
}
</script>
<style scoped>

</style>
